body {
    font-family:"Helvetica Neue", Helvetica, "Microsoft Yahei UI", simHei, "\5B8B\4F53", simsun, san-serif;
    font-size: 0.16rem;
    color:#73879C;
    /*background: #2A3F54;*/
    /*position:relative;*/
    /*z-index: 9999;*/
}
html, body, ul, li, a, div,h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
    list-style: none;
    text-decoration: none;
}
.leftMenu{
    z-index: 9999;
    float: left;
    width:250px;
    height: 100%;
    background: #2A3F54;
    position: absolute;
}
.leftMenu .nav_bar{
    /*text-align: center;*/
    margin-left: 10px;
    margin-top:10px;
    margin-bottom: 40px;
}
.leftMenu .nav_title .menu_title{
    color: #FFFFFF;
    font-size: 24px;
    cursor: pointer;
    text-decoration: none;
}
.leftMenu .nav_title .menu_title:hover{
    color: #FFFFFF;
}
.nav_main .praent_nav{
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
}
.nav_main .nav_spacing{
    margin: 10px 0 25px 0;
}
.nav_main .child_nav{
    font-size: 15px;
    text-decoration: none;
    color:  rgba(255, 255, 255, 0.75) !important;
    display: block;
    margin:5px 0 10px 22px;
    height:30px;
    line-height: 30px;
}
 .nav_spacing .child_nav:hover{
     background: #bcbcbc;
     filter:alpha(opacity:75) ;
     opacity:0.75;
     border-radius: 5px;
     width: 200px;
}
/*中间部分----*/
.container{
    width:100%;
    z-index: 0;
    background: #FFFFFF;
}
.contents  {
    position: absolute;
    top:48%;
    left:42%;
}
.active{
    color: #00CC33;
}


/*媒体查询，参考部分Bootstrap框架*/
/*当页面大于1200px时候，大屏幕，主要PC端*/
@media(min-width:1200px){

}
/*在992和1199像素之间的屏幕，中等屏幕，分辨率低于PC*/
@media(min-width: 992px) and (max-width: 1199px){
    .leftMenu{
        display: none;
    }

}

/*在768px和991px像素之间，中等屏幕，主要是PAD*/
@media(min-width: 768px) and (max-width: 991px){
    .leftMenu{
        display: none;
    }
    .contents  {
        position: absolute;
        top:48%;
        left:32%;
    }
}

/*在小于480和767像素之间的屏幕，超小屏幕，主要手机*/
@media(min-width: 480px) and (max-width: 767px){
    .leftMenu{
        display: none;
    }
    .contents  {
        position: absolute;
        top:48%;
        left:29%;
    }
}
/*在小于480像素屏幕，微小屏幕，更低分辨率的手机*/
@media(max-width: 479px){
    .leftMenu{
        display: none;
    }
    .contents  {
        position: absolute;
        top:48%;
        left:15%;
    }
}

